<template>


  <div class="divClass">

      <div>
        <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="200px" class="demo-ruleForm">
          <el-form-item label="租房合同编号" prop="outOrderNo">
            <el-input v-model="ruleForm.outOrderNo" disabled="disabled" style="width: 200px"/>
            <el-button class="c_chooseRoom">租房合同查询</el-button>
          </el-form-item>
          <el-form-item label="承租房间" prop="roomName">
             <el-input v-model="ruleForm.roomName" disabled="disabled" style="width: 200px"/>
          </el-form-item>
          <el-form-item label="房产编号" prop="houseId">
              <el-input v-model="ruleForm.houseId" disabled="disabled" style="width: 200px"/>
          </el-form-item>
          <el-form-item label="租客姓名" prop="tenantName">
            <el-input v-model="ruleForm.tenantName" disabled="disabled" style="width: 200px"/>
          </el-form-item>
          <el-form-item label="租客手机号" prop="tenantPhone" style="width: 100px">
            <el-input v-model="ruleForm.tenantPhone" disabled="disabled" style="width: 200px"/>
          </el-form-item>
          <el-form-item label="租客身份证" prop="tenantCardNo">
            <el-input v-model="ruleForm.tenantCardNo" disabled="disabled" style="width: 200px"/>
          </el-form-item>

         <hr>

          <el-form-item label="金融产品选择" prop="productId">
            <el-select v-model="ruleForm.productId">
                <el-option value=""></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="公寓承担" prop="businessRate">
            <el-input v-model="ruleForm.businessRate"  style="width: 50px"/>
          </el-form-item>
          <el-form-item label="租客承担" prop="tenantRate">
            <el-input v-model="ruleForm.tenantRate"  style="width: 50px"/>
          </el-form-item>
          <el-form-item label="年利率" prop="rate">
            <el-input v-model="ruleForm.rate"  style="width: 50px"/>
          </el-form-item>
          <el-form-item label="借款金额" prop="balance">
            <el-input v-model="ruleForm.balance"  style="width: 50px"/>
          </el-form-item>
          <el-form-item label="年一次性服务率" prop="serviceFee">
            <el-input v-model="ruleForm.serviceFee"  style="width: 50px"/>%
          </el-form-item>
          <el-form-item label="借款期限" prop="periods">
            <el-input v-model="ruleForm.periods"  style="width: 50px"/>
          </el-form-item>
          <el-form-item label="授信额度" prop="periodsA">
            <el-input v-model="ruleForm.periodsA"  style="width: 50px"/>%
          </el-form-item>




        </el-form>


      </div>

      <div>

      </div>

  </div>



</template>

<script>
export default {
  name: "fenqi",
  data(){
    return {
      ruleForm:{
        outOrderNo:"",
        roomName:"",
        tenantName:"",
        tenantPhone:"",
        tenantCardNo:"",
        productId:"",//金融产品选择
        businessRate:"",
        tenantRate:"",
        rate:"",
        balance:"",
        serviceFee:"",
        periods:"",
        periodsA:""
      }
    }
  },
  methods:{

  },
  created() {

  }

}
</script>
<style scoped>
.demo-ruleForm{
  margin-top: 50px;
}
.c_chooseRoom{

}

</style>
